<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>车辆功率曲线</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/powerChart/carPowerChart.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 功率曲线 <span class="comSpanTitle">></span>车辆充电曲线
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="chartPart">
		<div class="chartLeft">
	        <form class="form-horizontal" id="chargingRecordSearch">
                <input name="carNumber" id="carNumber" class="form-control" maxlength="15" placeholder="车辆自编号" />
	            <div id="startDate" class="input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-top: 20px;">
	                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text" placeholder="选择时间1">
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
	            <div id="endDate" class="input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-top: 20px;">
	                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text" placeholder="选择时间2">
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
		   	 	<button type="button" onclick="search()" class="btn btnDefault">
		   			<img src="../static/images/search2.png" height="20" width="20"/>
		   	 		查询
			 	</button>
			</form>
	    </div>
	    <div class="chartRight">
		  <div id="curves">
		  </div>
		  <div style="width:100%;text-align:center;">
			<div class="more" onclick="mores()" style="cursor:pointer;width: 100px;margin: auto;">点击加载更多<br><img src="../static/images/more.png" height="15" width="15"/></div>
		  </div>
		</div>
	</div>
  </div>
</body>
</html>
